
	<!-- BACKGROUND Starts  -->
	<!-- we use the server mobile detector for performance improvement, -->
	<!-- the bootsrap classes for retrive the mobile just hide the content, but loads evenrything, imgs too!! -->
	<?php if (!$isMobile): ?>
		<div class="avBackground visible-md visible-lg">
			<div id="backslides">
			    <div class="slides-container">
			      <img src="<?php echo base_url("img/background/01.jpg"); ?>" alt="img1" style="display: none;">
			      <img src="<?php echo base_url("img/background/02.jpg"); ?>" alt="img2" style="display: none;">
			      <img src="<?php echo base_url("img/background/03.jpg"); ?>" alt="img3" style="display: none;">
			      <img src="<?php echo base_url("img/background/04.jpg"); ?>" alt="img4" style="display: none;">
			      <img src="<?php echo base_url("img/background/05.jpg"); ?>" alt="img5" style="display: none;">
			    </div>
			 </div>
		</div>
	<?php elseif ($isTablet): ?>
		<!-- sometimes tablets in landscape mode are like desktops for bootsttrap.. iPad, galaxy tab2  -->
		<!-- when occour to have a tablet in portrait we just put a static image in the bg: averonesi-phone.css -->
		<!-- in such way we get: a desktop like behaveur in landscape and a phone like in portrait. -->
		<!-- BE CAREFUL TO INCLUDE BOTH THE (DESKTOP AND PHONE) (CSS AND JS) WITH THE TABLET ONE -->
		<div class="avBackground visible-md visible-lg">
			<div id="backslides">
			    <div class="slides-container">
			      <img src="<?php echo base_url("img/background/01.jpg"); ?>" alt="img1" style="display: none;">
			      <img src="<?php echo base_url("img/background/02.jpg"); ?>" alt="img2" style="display: none;">
			      <img src="<?php echo base_url("img/background/03.jpg"); ?>" alt="img3" style="display: none;">
			      <img src="<?php echo base_url("img/background/04.jpg"); ?>" alt="img4" style="display: none;">
			      <img src="<?php echo base_url("img/background/05.jpg"); ?>" alt="img5" style="display: none;">
			    </div>
			 </div>
		</div>
	<?php else: ?>
		<div class="avBackground visible-xs">
			<div id="backslides">
			    <div class="slides-container">
			    </div>
			</div>
		</div>
	<?php endif; ?>
	<!-- BACKGROUND Ends -->
	
	<!-- NAVBAR Starts -->
	<div class="avNavbar visible-md visible-lg">
		<?php print $navbarDesktopRegion ?>
	</div>
	
	<div class="avNavbar visible-sm" >
		<?php print $navbarTabletRegion ?>
	</div>
	
	<div class="avNavbar visible-xs" >
		<?php print $navbarPhoneRegion ?>
	</div>
	<!-- NAVBAR Ends -->
	
	<div class="avContainer">
		
		<div class="avContent">
    		<?php print $contentRegion ?>
    	</div>
    	
		<!-- FOOTER Starts -->
    	<div class="avFooter visible-md visible-lg">
    		<?php print $footerDesktopRegion ?>
		</div>
		
		<div class="avFooter visible-sm" >
			<?php print $footerTabletRegion ?>
		</div>
		
		<div class="avFooter visible-xs" >
			<?php print $footerPhoneRegion ?>
		</div>
		<!-- FOOTER Ends -->
    </div>